* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow: hidden;
}
 .luck-active{
     content:'';
     width: 100%;
     height: 100%;
     border: 2px solid black!important;
 }
.toggle_white{
    background-color: white!important;
}
.toggle_yellow{
    background:rgba(255,130,29,1)!important;
}
html,body{
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif, Helvetica, Arial;
}
p,ul{
    padding: 0;
    margin: 0;
}
img{
    width: 100%;
    height: 100%;
}
.pprice{

}
.pprice font{
    font-size: 50px;
    position: absolute;
    color:rgba(236,194,123,1);
}
.pprice font:nth-of-type(1){
    top: 26px;
    left: 371px;
}
.pprice font:nth-of-type(2){
    top: 26px;
    left: 450px;
}
.pprice font:nth-of-type(3){
    top: 26px;
    left: 532px;
}
.innerHtml {
    overflow: hidden;
}
.innerHtml-right .content-great>li>p{
    font-size: 17px;
    color: #A03714;
    font-weight: bold;
    margin-bottom: 13px;
}
.content-great{
    height: 360px;
    overflow-x: hidden;
}
.content-great>li{
    padding-bottom: 0!important;
}
.innerHtml-right li{
    list-style: none;
    padding: 0 0 15px 0;
}
.innerHtml-right>div{
    margin: 110px 10px 0 40px;
}
.innerHtml-right li aside{
    width: 24px;
    height:24px;
    float: left;
}
.innerHtml-right li aside img{
    width: 100%;
    height: 100%;
}
.innerHtml-right{
    background: url(static/images/ui_bg3.png) no-repeat;
    width: 202px;
    height: 587px;
    position: absolute;
    right: 0;
    bottom: 450px
}
.innerHtml-right ul ul p{
    margin-left: 40px;
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
    width: 112px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.imageHtml{
    background: url(static/images/ui_bg5.png) no-repeat;
    width: 1200px;
    height: 853px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.imageHtml>p{
    margin-top: 54px;
    margin-left: 730px
}
.imageHtml>p span{
    color: #A03714;
    font-size: 16px;
}
.imageHtml>p span font{
    font-size: 32px;
    padding: 0 8px;
    vertical-align: middle;
}
.imageHtml>p span font:nth-of-type(1){
    margin-left: 6px;
}
.imageHtml .image-content{
    width: 777px;
    height: 447px;
    margin-left: 93px;
    margin-top: 26px;
    position: relative;
}
.luck-one{
    position: relative;
}
.luck-active span{
    display: inline-block!important;
}
.luck-one span{
    width: 67px;
    display: none;
    height: 67px;
    position: absolute;
    border: 2px solid rgba(253,223,116,1);
    left: -4px;
    top: -4px;
}
.luck-one span i{
    width:7px;
    z-index: 3;
    background-color: white;
    height:7px;
    position: absolute;
    display: inline-block;
    box-shadow:0 2px 5px 0 rgba(247,202,75,0.15);
    border-radius:50%;
}
.luck-one span i{
    display: inline-block;
    width: 7px;
    height: 7px;
    z-index: 2;
    border-radius: 50%;
    position: absolute;
}

.image-content li{
    list-style: none;
    width: 65px;
    height: 65px;
    border: 2px solid white;
    float: left;
}
.imageHtml .bottom-content .erweima{
    width: 85px;
    height: 85px;
    margin-left: 105px;
    float: left;
    margin-top: 29px;
}
.imageHtml .bottom-content .button{
    width: 357px;
    height: 204px;
    float: left;
    margin-left: 165px;
    margin-top: -32px;
}
.clearfix{
    *zoom: 1;
}
.clearfix:before, .clearfix:after{
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;
}
.clearfix:after{
    clear: both;
}
.innerHtml{
    position: relative;
    background-image: url(static/images/ui_bg7.png);
    background-repeat: repeat;
    background-size: 100%;
    height: 100%;
}
.money-dcroll{
    width: 376px;
    height: 376px;
    background-image: url(static/images/ui_jinbi.png);
    background-size: 100%;
    position: absolute;
    right: -108px;
    z-index: 2;
    bottom: -210px;
    animation: myfirst 1s infinite linear;
    -moz-animation: myfirst 1s infinite linear;	/* Firefox */
    -webkit-animation: myfirst 1s infinite linear;;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s infinite linear;	/* Opera */

}
@keyframes myfirst
{
    0%   {bottom:-210px;}
    10%   {bottom:-200px;}
    20%   {bottom:-175px;}
    30%   {bottom:-160px;}
    40%  {bottom:-155px}
    50%  {bottom:-150px}

    60%  {bottom:-155px}
    70%  {bottom:-165px}
    80%  {bottom:-175px}
    90%  {bottom:-200px}
    100% {bottom:-210px}
}

/* @-moz-keyframes myfirst !* Firefox *!
 { 0%   {bottom:-175px;}
     25%  {bottom:-172px}
     50%  {bottom:-170px}
     100% {bottom:-165px}
 }

 @-webkit-keyframes myfirst !* Safari 和 Chrome *!
 {
     0%   {bottom:-175px;}
     25%  {bottom:-172px}
     50%  {bottom:-170px}
     100% {bottom:-165px}
 }

 @-o-keyframes myfirst !* Opera *!
 {
     0%   {bottom:-175px;}
     25%  {bottom:-172px}
     50%  {bottom:-170px}
     100% {bottom:-165px}
 }*/
.innerhtml-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 286px;
    width: 100%;
    background: url(static/images/ui_bg6.png) no-repeat;
    background-size: 100% 100%;
}
.am-modal-mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 1100;
}
.am-modal-mask>div{
    position: relative;
    width: 100%;
    height: 100%;
}
.am-modal-mask .am-modal{
    position: absolute;
    width: 785px;
    height:785px;
    display: inline-block;
    text-align: center;
    background-image: url(static/images/ui_guang.png);
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    /* left: 50%; */
    -ms-transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.am-modal .content{
    background-image: url(static/images/ui_bg2.png);
    background-repeat: no-repeat;
    width: 435px;
    height: 360px;
    position: relative;
    margin: 0 auto;
    margin-top: 181px;
}
.am-modal .close{
    background-image: url(static/images/ui-but1.png);
    width: 45px;
    height: 45px;
    text-align: center;
    margin: auto;
}
.price-modal font{
    font-size: 39px;
    position: absolute;
    color:rgba(236,194,123,1);
}
.price-modal font:nth-of-type(1){
    bottom: 37px;
    left: 129px;
}
.price-modal font:nth-of-type(2){
    bottom: 37px;
    left: 196px;
}
.price-modal font:nth-of-type(3){
    bottom: 37px;
    left: 259px;
}
.price-modal{
    position: absolute;
    bottom: 0;
}
.content .inner-image{
    width:122px;
    height:122px;
    background:rgba(255,255,255,1);
    border:4px solid rgba(135,76,0,1);
    border-radius:10px;
    display: inline-block;
    margin-top: 69px;
}
.title{
    font-size:20px;
    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:18px;
    margin-top: 12px;
}
.right {
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    /*left: 700px;*/
    transform: translateX(700px);
}
.left {
    position: absolute;
    white-space: nowrap;
    user-select: none;
    transition: transform 7s linear; /* 时间相同 越长的弹幕滑动距离越长 所以越快~ */
}